<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" 
		xmlns:f="http://java.sun.com/jsf/core" >

	<h:head>
		<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
		<title>#{login.titulo}</title>
		
		<!-- jquery -->
		<h:outputScript name="js/vendor/jquery.js" library="foundation"></h:outputScript>
		
		<!-- foundation framework -->
		<h:outputStylesheet name="css/foundation.min.css" library="foundation" />
		<h:outputScript name="js/foundation.min.js" library="foundation" />
		
		<!-- static css -->
		<h:outputStylesheet name="css/museu.css" library="museu" />
		
	</h:head>
	
	<h:body>
		<nav class="top-bar" data-topbar="" role="navigation">
			<ul class="title-area">
	    		<li class="name">
		      		<h1><a href="#">Ticket Museu</a></h1>
	    		</li>
	     		<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
		    	<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
		  	</ul>
		</nav>
		
		<div id="div-login" class="row">
			<h:form styleClass="custom">
				<h1>Login</h1>
				<div class="row collapse">
					<div class="large-6 small-12 columns">
						<h:outputLabel for="login">Login</h:outputLabel>
						<h:inputText id="login" name="login" value="#{login.login}" />
					</div>
				</div>
				<div class="row collapse">
					<div class="large-6 small-12 columns">
						<h:outputLabel for="senha">Senha</h:outputLabel>
						<h:inputText id="senha" name="senha" value="#{login.senha}" />
					</div>
				</div>
				<div class="row">
					<div class="large-6 small-6">
					
						<h:commandLink action="validarLogin" styleClass="button radius right" >Login</h:commandLink>
					</div>
				</div>
				<div class="row collapse">
					<div class="large-6 small-12 columns">
						<!-- <h:commandLink action="#" >N&atilde;o possui login? Cadastre-se.</h:commandLink> -->
						<a href="http://localhost:8080/ticket-museu/faces/usuario.xhtml">N&atilde;o possui login? Cadastre-se.</a>
						
					</div>
				</div>
			</h:form>
		</div>
	</h:body>
 
</html>